<template><div>
  <div class="bg-white flex flex-wrap" style="width: 430px;">
    <!-- #ADD8E6 #90EE90 #FFDAB9 #DABFFF #FF7F50 #87CEEB #FFFFE0 #AFEEEE #E6E6FA #FFA07A -->
    <!-- <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #ADD8E6;">机电安装  （装配） </div> -->
    <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #90EE90;">机电安装  （装配） </div>
    <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #FFDAB9;">机电安装  （装配） </div>
    <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #DABFFF;">机电安装  （装配） </div>
    <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #FF7F50;">机电安装  （装配） </div>
    <!-- <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #FFFFE0;">机电安装  （装配） </div> -->
    <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #AFEEEE;">机电安装  （装配） </div>
    <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #87CEEB;">机电安装  （装配） </div>
    <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #E6E6FA;">机电安装  （装配） </div>
    <div class="w-20 h-20 m-5 rounded-lg text-center flex items-center justify-center" style="background: #FFA07A;">机电安装  （装配） </div>
  </div>
  <el-table :data="tableData" stripe style="width: 900px">
  <el-table-column prop="date0" label="工号	" />
  <el-table-column prop="date1" label="项目	" />
  <el-table-column prop="date2" label="机号	" />
  <el-table-column prop="date3" label="前大梁拼装	" />
  <el-table-column prop="date4" label="后大梁拼装	" />
  <el-table-column prop="date5" label="梯形架拼装	" />
  <el-table-column prop="date6" label="装配	" />
  <el-table-column prop="date7" label="安装	" />
  <el-table-column prop="date8" label="电装	" />
  <el-table-column prop="date9" label="调试	" />
  <el-table-column prop="date10" label="备注" />
  </el-table>
  <el-table :data="tableData2" stripe style="width: 450px">
  <el-table-column prop="date0" label="板块	" />
  <el-table-column prop="date1" label="计划主管	" />
  <el-table-column prop="date2" label="电话	" />
  <el-table-column prop="date3" label="备注	" />
  </el-table>

</div>
</template>
<script setup>
const tableData = [ ]
const tableData2 = [ ]
for (let index = 0; index < 2; index++) {
  tableData.push({
    date0: '1002000011',
    date1: '青岛桥吊',
    date2: '1#',
    date3: '100%',
    date4: '100%',
    date5: '100%',
    date6: '100%',
    date7: '12%',
    date8: '0%',
    date9: '10%',
    date10: '0%',
  })
}
for (let index = 0; index < 8; index++) {
  tableData2.push({
    date0: '钢结构',
    date1: '张三',
    date2: '13488886666',
    date3: '',
  })
}
</script>
<style lang="scss" scoped>

</style>
